<template>
	<view>
		  <view :style="{ height: statusBarHeight }" class="uni-status-bar"><slot /></view>
	</view>
</template>

<script setup>
	    import { computed } from 'vue';
		
		import $platform from '/shop/platform/index.js'
		
		const statusBarHeight = $platform.device.statusBarHeight + 'px';
		
		console.log("statusBarHeight: ", statusBarHeight);
		
</script>

<style lang="scss">
.uni-status-bar {
    // width: 750rpx;
    height: var(--status-bar-height);
  }
</style>
